<template>
  <div class="container">
    <div class="title">
      <!-- {{ user.siteName ? user.siteName : "精卫安" }} -->
      {{ headerTitle }}
    </div>
  </div>
</template>

<script>
import { mapState } from "vuex";

export default {
  name: "",
  props: ["headerTitle"],
  components: {},
  data() {
    return {
      headerBg: require("@assets/images/datav/header_bg.png"),
      logo: require("@assets/images/logo4.png"),
    };
  },
  computed: {
    ...mapState(["user"]), //系统配置项
  },
  watch: {},
  methods: {
    backBgClick() {
      // this.$router.go(-1);
      this.$router.push("/org/list");
    },
  },
  created() {},
  mounted() {},
};
</script>

<style lang="less" scoped>
.fontSize (@px, @attr: font-size) {
  @vw: (@px / 1920) * 100;
  @{attr}: ~"@{vw}vw";
}
.width (@px, @attr: width) {
  @vw: (@px / 1920) * 100;
  @{attr}: ~"@{vw}vw";
}

.height (@px, @attr: height) {
  @vh: (@px / 1080) * 100;
  @{attr}: ~"@{vh}vh";
}
.lineHeight (@px, @attr: line-height) {
  @vh: (@px / 1080) * 100;
  @{attr}: ~"@{vh}vh";
}

.container {
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;

  .image_box {
    height: 100%;

    .image {
      height: 100%;
    }
  }

  .title {
    position: absolute;
    color: #fff;
    color: #daf9ff;
    color: #06c;
    top: 10%;
    .fontSize(34);
    font-weight: 700;
    z-index: 2002;
    // .lineHeight(60);
    letter-spacing: 8px;
  }

  .bg {
    position: absolute;
    right: 21vw;
    bottom: 1vh;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
  }

  .qiehuan {
    position: absolute;
    left: 21vw;
    bottom: 1vh;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
  }

  .decora {
    position: absolute;
    bottom: -20px;
  }
}

.logo {
  .width(35);
  aspect-ratio: 1/1;
  margin-right: 6px;
  vertical-align: middle;
}
</style>
